<!--
/**
* Author: KSJ
* Date: 2022-07-26 21:01
* Desc: 
*/
-->
<!-- by your name -->
<template>
  <view class="flex stills-wrap">
    <zm-image
      @click="look(index)"
      :src="item"
      width="345rpx"
      height="240rpx"
      custom-class="stills-item mb20 mr15"
      v-for="(item, index) in stills"
      :key="index"
    ></zm-image>
  </view>
</template>

<script>
  import ZmImage from '@/commons/ZmImage'
  export default {
    name: '',
    components: {
      ZmImage
    },
    data() {
      return {
        stills: []
      }
    },
    onLoad() {
      this.stills = uni.getStorageSync('stills')
      console.log(this.stills)
    },
    methods: {
      look(index) {
        this.$tools.previewImage(index, this.stills)
      }
    }
  }
</script>
<style lang="scss" scoped>
  .stills-wrap {
    flex-wrap: wrap;
    padding: 30rpx 0rpx 30rpx 30rpx;
    box-sizing: border-box;
    .stills-item {
    }
  }
</style>
